<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title></title>
        <style type="text/css">
            #rd1,#rd2,#rd3{
                display:none;

            }
            #rd1+div{
                display:none;
            }

            #rd1:checked+div{
                display:block;
            }
        
        </style>
    </head>
    <body>
        <label for="rd1">rd1</label>
        <label for="rd2">rd2</label>
        <label for="rd3">rd3</label>

        <br/>


        <input id="rd1" type="radio" name="myradio">
        <div>xxxxxxxxxxxxxxxxx</div>

        <input id="rd2" type="radio" name="myradio">
        <div>yyyyyyyyyyyyyyyyyyyyyyyyyy</div>



        <input id="rd3" type="radio" name="myradio">
        <div>zzzzzzzzzzzzzzzzzzzzzzzzzzzz</div>

    </body>

</html>